// Book data storage
const booksData = {
    1: {
        id: 1,
        title: "《当动物有了手机》",
        description: `2020年"原动力"中国原创动漫出版扶持的《不可爱动物派对》的续集。
        动物城里突然开了一家手机商店，大家被广告吸引走进店里买了心仪的手机。
        有了手机后，大家的生活发生了巨大的改变：爱旅行的大象再也不出门旅行了，整天在手机上"逛"景点；
        喜欢种蔬菜的兔子，整天沉迷于手机里的种菜游戏；喜欢看书、与书友交流的小狗，整天在手机上闲聊，再也不摸书本了……
        因为长时间看手机，鳄鱼头昏脑涨、视力模糊，生病了。
        他想要朋友来陪陪他，可是谁也不愿放下手机出门，他多么希望大家能像从前一样，一起在户外快乐的游玩。
        他想了很久，终于想出了一个绝妙的主意，让大家放下手机，重新捡起往日的爱好，还一起举办了一个盛大的才艺大赛。`,
        image: "./img/tupian3.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "八成新",
        category: "知识启蒙类",
        region: "国内地区",
        format: "有声绘本",
        age: "0-2岁",
        style: "卡通风格",
        length: "中篇绘本",
        binding: "精装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian3-1.jpg',
            './img/tupian3-2.jpg'
        ]
    },
    2: {
        id: 2,
        title: "《我妈妈》",
        description: `每一个孩子心中的妈妈都是很好的：我妈妈是一个棒极了的厨师；
        她是一个伟大的化妆师；她是全世界最强壮的女人；她还是一个奇异的园艺师，可以让任何植物生长；
        她是一个仙女，在我沮丧的时候她总是有办法让我开心起来；
        她的歌可以唱得像天使一样好；她吼起来像一头狮子；我的妈妈像蝴蝶一样漂亮，
        又舒适的像一把扶手沙发……`,
        image: "./img/tupian4.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "八成新",
        category: "品德教育类",
        region: "日韩地区",
        format: "纸质绘本",
        age: "3-4岁",
        style: "油画风格",
        length: "短篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian4-1.jpg',
            './img/tupian4-2.jpg'
        ]
    },
    3: {
        id: 3,
        title: "《水果的大聚会》",
        description: `故事以小精灵普普的视角展开，普普在外出探险时被一阵香甜的味道吸引，原来是果园的主人小老鼠汤汤在熬草莓果酱
        小老鼠汤汤邀请普普一起品尝草莓果酱，并带她参观了果园，开启了一场水果科普之旅。
        他们首先来到瓜田，看到了长在地里的西瓜，普普了解到西瓜熟透后，敲一敲瓜皮会发出清脆的砰砰声，切开后可以用勺子舀着吃。
        接着，他们来到一排架子下，架子上挂满了葡萄，普普知道了葡萄可以晒成葡萄干，还可以酿成葡萄酒。
        随后，他们又看到了结在树上的桃子、苹果、杏子和梨等水果，普普了解到这些水果不但可以直接食用，还可以制成糖水罐头、水果派等。
        他们还认识了柑橘类水果，如圆圆的橙子、扁一些的橘子、个头超级大的柚子和两端尖尖的柠檬，知道了橘子瓣像小小的月牙儿，柚子的皮可以和果肉混在一起做成柚子茶。
        此外，普普还见到了长在带有尖叶子植株上的菠萝，像仙人掌一样植株上的火龙果，倒挂在树枝上像金黄色大枕头的榴莲以及一圈圈挂在香蕉树上的香蕉。`,
        image: "./img/tupian6.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "九成新",
        category: "知识启蒙类",
        region: "国内地区",
        format: "纸质绘本",
        age: "0-2岁",
        style: "卡通风格",
        length: "短篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian5-1.jpg',
            './img/tupian5-2.jpg'
        ]
    },
    4: {
        id: 4,
        title: "《丑小鸭》",
        description: `故事从一只天鹅蛋在鸭巢中孵化开始，破壳而出的丑小鸭毛灰灰的、嘴巴大大的、身子瘦瘦的，因长相怪异，
        与周围的小鸭子截然不同，成为了鸭群、鸡群中的异类，遭受了无尽的嘲弄、啄咬和排挤。
        鸭妈妈起初虽会维护它，但在周围的压力下，也渐渐对它失去了耐心。丑小鸭只能在孤独与恐惧中逃离，开始了漫长而艰辛的流浪之旅。
        在流浪途中，它遇到野鸭群，野鸭们嫌弃它的丑陋；遇到公雁，公雁也对它不屑一顾。逃到农家小院后，又不被母鸡理解。
        寒冷的冬天，它甚至被冻在水中，险些失去生命。但即便生活如此残酷，丑小鸭心中始终怀揣着对美好的向往。
        春天来临，丑小鸭在水中看到了自己的倒影，它不再是那只丑陋的小鸭子，而是变成了一只美丽的白天鹅，
        洁白的羽毛，修长的脖子，优雅的姿态，让所有曾经嘲笑它的动物都目瞪口呆。`,
        image: "./img/tupian12.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "九成新",
        category: "知识启蒙类",
        region: "国内地区",
        format: "有声绘本",
        age: "5-6岁",
        style: "水彩风格",
        length: "中篇绘本",
        binding: "精装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian12-1.jpg',
            './img/tupian12-2.jpg'
        ]
    },
    5: {
        id: 5,
        title: "《不挑食的小兔子》",
        description: `在美丽的森林中，住着兔子一家。小兔子特别爱吃胡萝卜，一见到就开心地大口吃，可对兔妈妈端来的青菜却一脸嫌弃，碰都不碰。
        时间一长，小兔子没了往日的活泼，总是没精打采，跑几步就气喘吁吁。偶然间，它瞧见小伙伴们活力满满地玩耍，一问才知是不挑食的缘故。
        小兔子回到家，鼓起勇气尝了尝青菜，竟发现味道还不错。此后，它不再挑食，各类食物都吃得香。身体越来越棒，能和小伙伴尽情嬉闹，兔妈妈欣慰地奖励它两颗棒棒糖，小兔子一家的生活也更加幸福快乐。`,
        image: "./img/tupian20.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "八成新",
        category: "知识启蒙类",
        region: "国内地区",
        format: "电子绘本",
        age: "3-4岁",
        style: "油画风格",
        length: "短篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian20-1.jpg',
            './img/tupian20-2.jpg'
        ]
    },
    6: {
        id: 6,
        title: "《中国年》",
        description: `《中国年》以童趣故事展现春节魅力。腊月起，一家人开启新年筹备之旅，大扫除时全家齐动手，擦窗扫尘，驱走旧年晦气。
        随后，亲子携手逛熙攘集市，采购年货，红通通的春联、多样的福字、诱人的糖果琳琅满目，年味儿四溢。
        回家围坐，大人孩子一起剪窗花、写春联，孩子稚嫩握笔，歪扭字迹满是新年憧憬。
        除夕至，阖家团圆享丰盛年夜饭，饺子似元宝寓意招财，鱼表年年有余，美食饱含美好期许。
        饭后守岁畅聊，孩子们早按捺不住，穿上新衣、手持鞭炮到院子嬉戏，鞭炮声与绚丽烟花奏响新年乐章，欢乐氛围拉满。
        绘本还讲述"年"兽传说：古时"年"除夕伤人，人们发现其惧红色、火光、炸响，从此除夕家家贴红、燃爆竹、守岁，习俗流传至今。
        书中插画更是一绝，鲜艳色彩、细腻笔触，融传统中国元素与童趣，生动勾勒春节喜庆，让小读者沉浸欢乐，领略传统文化，体悟团圆温情。 `,
        image: "./img/tupian60.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "八成新",
        category: "品德教育类",
        region: "国内地区",
        format: "有声绘本",
        age: "5-6岁",
        style: "油画风格",
        length: "中篇绘本",
        binding: "立体",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian60-1.jpg',
            './img/tupian60-2.jpg'
        ]
    },
    7: {
        id: 7,
        title: "《图书馆去旅行》",
        description: `在小镇的一隅，有座安静的图书馆，馆藏丰富却少有人问津。馆员们脑洞大开，决定让图书馆开启奇妙之旅。
        他们把精心挑选的书籍搬上移动书车，向着远方出发。首站抵达偏僻山村，村里孩子看到书车，眼中满是好奇与渴望，迅速围拢过来。
        馆员翻开故事书，温柔讲述，孩子们沉浸其中，仿佛踏入梦幻天地。
        书车继续前行，来到海边渔村，劳作后的渔民们围坐书车旁，翻阅海洋知识、渔业养殖书籍，为生活添智慧助力。
        而后，又现身热闹集市，摊主们趁空闲沉浸在商业、文化读物里，汲取新灵感。
        一路前行，图书馆所到之处，知识如星火播撒，点燃人们阅读热情。绘本画风清新，细腻勾勒不同场景下人们阅读的专注神态。
        它生动诠释知识传递不受地域束缚，阅读如同旅行，能为生活各处送去光亮，悄然在孩子们心间种下热爱阅读的种子，引领他们探索书本的浩瀚世界。`,
        image: "./img/tupian56.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "七成新",
        category: "知识启蒙类",
        region: "欧美地区",
        format: "有声绘本",
        age: "5-6岁",
        style: "油画风格",
        length: "长篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian56-1.jpg',
            './img/tupian56-2.jpg'
        ]
    },
    8: {
        id: 8,
        title: "《折耳兔奇奇》",
        description: `《折耳兔奇奇》讲述了一只与众不同的小兔子的故事。小兔子奇奇天生一只耳朵耷拉着，在周围兔子都竖着耳朵的世界里，它显得格格不入，时常遭受同伴们的嘲笑与戏弄，被取了好多难听的外号。
        为了能和大家一样，奇奇开启了一系列 "改造" 耳朵的尝试。它往耳朵里塞胡萝卜、用绳子木棍捆绑、缠绷带，甚至借助钓鱼竿、衣夹和气球，可每次都狼狈收场，还引来了更多的嘲讽，这让奇奇内心满是沮丧。
        伤心的奇奇去看医生，医生检查后告知它耳朵没毛病，只是天生较软，听力正常，而且世界上本就没有一模一样的耳朵。这番话让奇奇开始思考，逐渐接受了自己的独特。
        后来再遇同伴嘲笑，奇奇灵机一动，召集大家带上甜胡萝卜和绳子到山坡。它教伙伴们用胡萝卜做出 "一上一下" 的造型，逗得大家哈哈大笑，成功化解矛盾，融入集体。
        这个温馨故事告诉孩子们：要接纳自己的不完美，勇敢做独特的自己，同时尊重他人与己的差异。`,
        image: "./img/tupian64.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "七成新",
        category: "品德教育类",
        region: "欧美地区",
        format: "有声绘本",
        age: "0-2岁",
        style: "水彩风格",
        length: "长篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian64-1.jpg',
            './img/tupian64-2.jpg'
        ]
    },
    9: {
        id: 9,
        title: "《三只小猪》",
        description: `《三只小猪》是一个家喻户晓的经典童话故事绘本。故事围绕着三只性格各异的小猪展开，它们离开家后，各自决定建造属于自己的房子。
        第一只小猪有些懒惰，为了图省事，它很快用稻草搭起了一座房子，没费多少力气就完工了，满心欢喜地住了进去。
        第二只小猪相对机灵些，但也有点投机取巧，它选择用木头搭建房子，叮叮当当一番忙碌后，也顺利住了进去，觉得自己的房子既比稻草房结实，又省时省力。
        第三只小猪却勤劳又踏实，它不辞辛劳地搬来一块又一块砖头，日复一日，精心筑起了一座坚固的砖头房子，虽然耗时久，但异常牢固。
        不久后，一只大灰狼出现了，它看到了三只小猪的房子，垂涎欲滴，妄图把小猪们变成美餐。大灰狼先是来到稻草房前，用力一吹，稻草房瞬间倒塌，第一只小猪慌忙逃窜到第二只小猪家。接着，大灰狼又来到木头房前，狠狠一推，木头房也不堪一击，两只小猪只能拼命往砖头房跑。最后，大灰狼来到砖头房前，无论它怎么吹、怎么推，砖头房纹丝不动。三只小猪在坚固的房子里安然无恙，还齐心协力想出办法，最终赶走了大灰狼。
        这个绘本以生动有趣的情节，让孩子们明白做事要脚踏实地、勤劳肯干，团结协作就能战胜困难。`,
        image: "./img/tupian69.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "八成新",
        category: "品德教育类",
        region: "国内地区",
        format: "有声绘本",
        age: "3-4岁",
        style: "卡通风格",
        length: "长篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian69-1.jpg',
            './img/tupian69-2.jpg'
        ]
    },
    10: {
        id: 10,
        title: "《遇见古埃及人》",
        description: `2020年"原动力"中国原创动漫出版扶持的《不可爱动物派对》的续集。
        动物城里突然开了一家手机商店，大家被广告吸引走进店里买了心仪的手机。
        有了手机后，大家的生活发生了巨大的改变：爱旅行的大象再也不出门旅行了，整天在手机上"逛"景点；
        喜欢种蔬菜的兔子，整天沉迷于手机里的种菜游戏；喜欢看书、与书友交流的小狗，整天在手机上闲聊，再也不摸书本了……
        因为长时间看手机，鳄鱼头昏脑涨、视力模糊，生病了。
        他想要朋友来陪陪他，可是谁也不愿放下手机出门，他多么希望大家能像从前一样，一起在户外快乐的游玩。
        他想了很久，终于想出了一个绝妙的主意，让大家放下手机，重新捡起往日的爱好，还一起举办了一个盛大的才艺大赛。`,
        image: "./img/tupian39.jpg",
        price: "29.90",
        originalPrice: "68.00",
        condition: "八成新",
        category: "语言表达类",
        region: "欧美地区",
        format: "纸质绘本",
        age: "5-6岁",
        style: "水彩风格",
        length: "短篇绘本",
        binding: "平装",
        appearance: "书角轻微磨损，不影响阅读",
        innerPages: "干净整洁，无涂画和破损",
        previewImages: [
            './img/tupian39-1.jpg',
            './img/tupian39-2.jpg'
        ]
    },
    // 可以添加更多书籍数据

};

// 在页面加载完成后执行的函数
document.addEventListener('DOMContentLoaded', function () {
    // 获取图书ID
    const bookId = getBookIdFromUrl();

    if (bookId) {
        // 加载图书详情
        loadBookDetail(bookId);
    } else {
        alert('图书ID不存在，请返回首页');
        window.location.href = './home.html';
    }

    // 绑定事件
    bindEvents();

    // 初始化选项卡
    initTabs();
});

// 从URL获取图书ID
function getBookIdFromUrl() {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get('id');
}

// 加载图书详情
function loadBookDetail(bookId) {
    // 获取用户信息，检查是否已登录
    const userInfo = AuthService.getUserInfo();

    // 构建请求参数，如果用户已登录，添加userId参数用于记录历史
    const params = userInfo ? { userId: userInfo.userId } : {};

    ApiService.book.getBookById(bookId, params)
        .then(response => {
            if (response.data) {
                renderBookDetail(response.data);
            } else {
                alert('图书不存在');
                window.location.href = './home.html';
            }
        })
        .catch(error => {
            console.error("获取图书详情失败:", error);
            alert('获取图书详情失败，请稍后再试');
        });
}

// 渲染图书详情
function renderBookDetail(book) {
    // 设置页面标题
    document.title = book.title + ' - 二手绘本详情';

    // 设置图书基本信息
    document.getElementById('bookName').textContent = book.title;
    document.getElementById('bookTitle').textContent = book.title;
    document.getElementById('bookDesc').textContent = book.description ? book.description.substring(0, 50) + '...' : '暂无描述';
    document.getElementById('price').textContent = '¥' + book.price;
    document.getElementById('originalPrice').textContent = '¥' + book.originalPrice;
    document.getElementById('mainImg').src = book.imageUrl || './img/default-book.jpg';
    document.getElementById('author').textContent = book.author || '未知';
    document.getElementById('publisher').textContent = book.publisher || '未知';
    document.getElementById('stock').textContent = '库存：' + book.stock;

    // 设置分类信息
    if (book.categoryName) {
        document.getElementById('category').textContent = book.categoryName;
        document.getElementById('categoryName').textContent = book.categoryName;
    }

    // 设置品相信息 - 使用新字段
    document.getElementById('condition').textContent = book.degree || '未知';
    document.getElementById('degreeDetail').textContent = book.degree || '未知';

    // 设置详细描述
    document.getElementById('description').textContent = book.description || '暂无描述';

    // 设置其他参数 - 直接使用新字段而不是ID
    document.getElementById('region').textContent = book.region || '未知';
    document.getElementById('format').textContent = book.format || '未知';
    document.getElementById('age').textContent = book.ageRange || '未知';
    document.getElementById('style').textContent = book.style || '未知';
    document.getElementById('length').textContent = book['length'] || '未知';
    document.getElementById('binding').textContent = book.binding || '未知';
    document.getElementById('appearance').textContent = book.appearance || '书角轻微磨损，不影响阅读';
    document.getElementById('innerPages').textContent = book.innerPages || '干净整洁，无涂画和破损';

    // 添加消毒信息到HTML
    const disinfectionElement = document.querySelector('.quality-list li:nth-child(4)');
    if (disinfectionElement) {
        disinfectionElement.innerHTML = '消毒：' + (book.disinfection || '已进行专业消毒处理，安全放心');
    }

    // 渲染预览图
    renderPreviewImages(book);
}

// 渲染预览图
function renderPreviewImages(book) {
    const previewContainer = document.getElementById('previewImages');
    previewContainer.innerHTML = '';

    // 如果有预览图列表，则渲染
    if (book.previewImagesList && book.previewImagesList.length > 0) {
        book.previewImagesList.forEach(imgUrl => {
            const imgElement = document.createElement('img');
            imgElement.src = imgUrl;
            imgElement.alt = '图书预览图';
            imgElement.className = 'preview-image';
            previewContainer.appendChild(imgElement);
        });
    } else if (book.previewImages) {
        // 如果是JSON字符串，尝试解析
        try {
            const images = JSON.parse(book.previewImages);
            if (Array.isArray(images) && images.length > 0) {
                images.forEach(imgUrl => {
                    const imgElement = document.createElement('img');
                    imgElement.src = imgUrl;
                    imgElement.alt = '图书预览图';
                    imgElement.className = 'preview-image';
                    previewContainer.appendChild(imgElement);
                });
            } else {
                // 如果没有预览图，使用主图
                const imgElement = document.createElement('img');
                imgElement.src = book.imageUrl || './img/default-book.jpg';
                imgElement.alt = '图书预览图';
                imgElement.className = 'preview-image';
                previewContainer.appendChild(imgElement);
            }
        } catch (e) {
            // 解析失败，使用主图
            const imgElement = document.createElement('img');
            imgElement.src = book.imageUrl || './img/default-book.jpg';
            imgElement.alt = '图书预览图';
            imgElement.className = 'preview-image';
            previewContainer.appendChild(imgElement);
        }
    } else {
        // 如果没有预览图，使用主图
        const imgElement = document.createElement('img');
        imgElement.src = book.imageUrl || './img/default-book.jpg';
        imgElement.alt = '图书预览图';
        imgElement.className = 'preview-image';
        previewContainer.appendChild(imgElement);
    }

    // 渲染缩略图
    renderThumbnails(book);
}

// 渲染缩略图
function renderThumbnails(book) {
    const thumbnailList = document.getElementById('thumbnailList');
    thumbnailList.innerHTML = '';

    // 添加主图缩略图
    const mainThumb = document.createElement('div');
    mainThumb.className = 'thumbnail active';
    mainThumb.innerHTML = `<img src="${book.imageUrl || './img/default-book.jpg'}" alt="缩略图">`;
    mainThumb.addEventListener('click', () => {
        document.getElementById('mainImg').src = book.imageUrl || './img/default-book.jpg';
        setActiveThumbnail(mainThumb);
    });
    thumbnailList.appendChild(mainThumb);

    // 添加预览图缩略图
    let previewImages = [];

    if (book.previewImagesList && book.previewImagesList.length > 0) {
        previewImages = book.previewImagesList;
    } else if (book.previewImages) {
        try {
            const images = JSON.parse(book.previewImages);
            if (Array.isArray(images)) {
                previewImages = images;
            }
        } catch (e) {
            // 解析失败，不添加缩略图
        }
    }

    if (previewImages.length > 0) {
        previewImages.forEach(imgUrl => {
            const thumb = document.createElement('div');
            thumb.className = 'thumbnail';
            thumb.innerHTML = `<img src="${imgUrl}" alt="缩略图">`;
            thumb.addEventListener('click', () => {
                document.getElementById('mainImg').src = imgUrl;
                setActiveThumbnail(thumb);
            });
            thumbnailList.appendChild(thumb);
        });
    }
}

// 设置活动缩略图
function setActiveThumbnail(thumbnail) {
    const thumbnails = document.querySelectorAll('.thumbnail');
    thumbnails.forEach(thumb => {
        thumb.classList.remove('active');
    });
    thumbnail.classList.add('active');
}

// 绑定事件
function bindEvents() {
    // 数量加减按钮
    const minusBtn = document.getElementById('minusBtn');
    const plusBtn = document.getElementById('plusBtn');
    const quantityInput = document.getElementById('quantity');

    minusBtn.addEventListener('click', () => {
        let quantity = parseInt(quantityInput.value);
        if (quantity > 1) {
            quantityInput.value = quantity - 1;
        }
    });

    plusBtn.addEventListener('click', () => {
        let quantity = parseInt(quantityInput.value);
        const stock = parseInt(document.getElementById('stock').textContent.replace(/[^0-9]/g, ''));
        if (quantity < stock) {
            quantityInput.value = quantity + 1;
        } else {
            alert('购买数量不能超过库存!');
        }
    });

    // 数量输入框验证
    quantityInput.addEventListener('change', () => {
        let quantity = parseInt(quantityInput.value);
        const stock = parseInt(document.getElementById('stock').textContent.replace(/[^0-9]/g, ''));

        if (isNaN(quantity) || quantity < 1) {
            quantityInput.value = 1;
        } else if (quantity > stock) {
            quantityInput.value = stock;
            alert('购买数量不能超过库存!');
        }
    });

    // 加入购物车按钮
    const addToCartBtn = document.getElementById('addToCartBtn');
    addToCartBtn.addEventListener('click', () => {
        if (!AuthService.isLoggedIn()) {
            AuthService.showLoginModal();
            return;
        }

        const bookId = getBookIdFromUrl();
        const quantity = parseInt(document.getElementById('quantity').value);

        ApiService.cart.addToCart(bookId, quantity)
            .then(response => {
                layer.msg('成功加入购物车!');
                AuthService.updateCartCount();
            })
            .catch(error => {
                console.error('加入购物车失败:', error);
                layer.msg('加入购物车失败，请稍后再试!');
            });
    });

    // 立即购买按钮
    const buyNowBtn = document.getElementById('buyNowBtn');
    // 立即购买按钮点击事件
    buyNowBtn.addEventListener('click', function () {
        // 检查用户是否登录
        if (!isLoggedIn()) {
            showLoginModal();
            return;
        }

        // 获取商品数量
        const bookQuantity = parseInt(quantity.value);
        if (bookQuantity <= 0) {
            layui.layer.msg('请选择有效的商品数量', { icon: 2 });
            return;
        }

        // 获取商品ID和价格
        const bookId = getBookIdFromUrl();
        const price = parseFloat(document.getElementById('price').textContent.replace('¥', ''));

        // 显示加载中
        const loadingIndex = layui.layer.load(1, {
            shade: [0.1, '#fff']
        });

        // 创建订单数据
        const orderData = {
            items: [{
                bookId: bookId,
                quantity: bookQuantity,
                price: price
            }],
            totalAmount: price * bookQuantity,
            totalQuantity: bookQuantity
        };

        // 调用创建订单API
        ApiService.order.createOrder(orderData)
            .then(response => {
                layui.layer.close(loadingIndex);

                if (response.data) {
                    // 订单创建成功，跳转到支付页面
                    const orderId = response.data.id;
                    window.location.href = `./payment.html?orderId=${orderId}`;
                } else {
                    // 订单创建失败
                    layui.layer.msg(response.data.message || '创建订单失败', { icon: 2 });
                }
            })
            .catch(error => {
                layui.layer.close(loadingIndex);

                // 处理错误
                let errorMsg = '创建订单失败，请稍后再试';
                if (error.response && error.response.data) {
                    errorMsg = error.response.data.message || errorMsg;
                }
                layui.layer.msg(errorMsg, { icon: 2 });
            });
    });

    // 检查用户是否登录
    function isLoggedIn() {
        return AuthService.isLoggedIn();
    }

    // 显示登录提示模态框
    function showLoginModal() {
        AuthService.showLoginModal()
    }

    // 从URL获取图书ID
    function getBookIdFromUrl() {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get('id');
    }

    // 选项卡切换
    const tabs = document.querySelectorAll('.tab');
    tabs.forEach(tab => {
        tab.addEventListener('click', () => {
            const tabName = tab.getAttribute('data-tab');
            switchTab(tabName);
        });
    });

}

// 初始化选项卡
function initTabs() {
    // 默认显示详情选项卡
    switchTab('detail');
}

// 切换选项卡
function switchTab(tabName) {
    const tabs = document.querySelectorAll('.tab');
    tabs.forEach(tab => {
        if (tab.getAttribute('data-tab') === tabName) {
            tab.classList.add('active');
        } else {
            tab.classList.remove('active');
        }
    });

    // 显示对应内容
    if (tabName === 'detail') {
        document.getElementById('detailSection').style.display = 'block';
        document.getElementById('paramsSection').style.display = 'none';
    } else if (tabName === 'params') {
        document.getElementById('detailSection').style.display = 'none';
        document.getElementById('paramsSection').style.display = 'block';
    }
}